<template>
  <view>
    <u-popup :show="showPopup" :round="round" :safeAreaInsetTop="safeAreaInsetTop"
      :safeAreaInsetBottom="safeAreaInsetBottom"
      :closeOnClickOverlay="closeOnClickOverlay" :closeable="closeable" :mode="mode"
      @close="close">
      <!-- 自定义 内容 -->
      <slot name="content"></slot>
    </u-popup>
  </view>
</template>

<script>
  import props from './props';
  export default {
    name: "WebPopup",
    mixins: [ props ],
    data() {
      return {
        showPopup: false
      };
    },
    methods: {
      show() {
        this.showPopup = true
      },
      close() {
        this.showPopup = false
      }
    }
  }
</script>

<style lang="scss">

</style>